<template>
    <div>
        <IndividualA :isCK="isCK" :list="list1"></IndividualA>
        <TitelImg :list="list2"></TitelImg>
        <TitelHearder :list="list3"></TitelHearder>
        <TitelImg :list="list4"></TitelImg>
        <template v-if="list5">
            <ProductList :list="list5"></ProductList>
        </template>
    </div>
</template>

<script>
import IndividualA from "@/components/Individual/IndividualA";
export default {
    components: { IndividualA },
    data() {
        return {
            isCK: true,
            list1: {},
            list2: {},
            list3: {},
            list4: {},
            list5: undefined,
            list6: {},
            list7: {},
            list8: {},
            list9: {},
            list10: {},
        };
    },
    created() {
        this.GetAPI();
    },
    methods: {
        async GetAPI() {
            let data = await this.$API.IndividualAPI.GetIndividualAPI();
            console.log(data.data.data[6].data.ids);
            if (data.code == 0) {
                this.list1 = data.data.data[0].data[0];
                this.list2 = data.data.data[1].data[0];
                this.list3 = data.data.data[2];
                // console.log(this.list1);
                this.list4 = data.data.data[5].data[0];
                this.list5 = data.data.data[6].data.ids;
            }
        },
    },
};
</script>

<style lang="scss" scoped>
</style>